<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>美食天下</title>
    <!-- 调用css全局样式开始 -->
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 顶部导航菜单开始 -->
    <div class="header">
        <div class="inner">
            <div class="logo">
                <a href="#"><img src="images/logo.png" /></a>
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="cp.html">菜谱</a>
                        <ul>
                            <li><a href="cp.html">名菜</a></li>
                            <li><a href="xx.html">内页</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="sc.html">食材</a>
                    </li>
                    <li>
                        <a href="zx.html">珍选</a>
                    </li>
                    <li>
                        <a href="jj.html">舌尖上的中国</a>
                        <ul>
                            <li><a href="jj.html">栏目简介</a></li>
                            <li><a href="zh.html">中华名吃</a></li>
                            <li><a href="df.html">地方美食</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="jk.html">健康饮食</a>
                    </li>
                    <li>
                        <a href="zc.html">注册登录</a>
                        <ul>
                            <li><a href="zc.html">注册</a></li>
                            <li><a href="dl.html">登录</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="ly.html">留言中心</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 顶部导航菜单结束 -->
    <div class="lw">
        <div class="wr">
            <div class="loginbox">
                <h1 class="loginhd">用户登录</h1>
                <div class="tc">
                    <a href="#" target="_blank" class="ico dou">豆</a>
                    <a href="#" target="_blank" class="ico sina">新浪</a>
                    <a href="#" target="_blank" class="ico qq">QQ</a>
                </div>
                <div class="Prompt">使用以上社交网络帐号登录</div>
                <div class="boxbd">
                    <div class="ohter"><span class="ohtertxt">或</span></div>
                    <input type="text" name="user" placeholder="请输入您的邮箱" class="loginipt user">
                    <input type="password" name="pwd" value="请输入您的密码" class="loginipt pwd">
                    <button type="submit" name="login" class="button btn-login">登录</button>
                    <p style="margin-top: 20px ;">
                        <label for="remember">
                            <input name="" type="checkbox" id="remember" value="" checked> 记住我
                        </label>
                        <a href="forgot.html" class="fr"> 忘记密码？</a>
                    </p>
                    <p class="tr" style="margin-top: 10px;">还没有账号？<a href="regedit. html" class="o">注册</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部版权开始 -->
    <div class="footer">
        <p>copyright ©2020 美食天下 版权所有 All Rights Reserved.</p>
        <p>联系电话:13900000000 邮箱地址:123456789@qq.com</p>
    </div>
</body>

</html>